$(function(){
    $.ajax({
        url:"http://chst.vip:1234/api/getgsshop",
        data:{},
        success(res){
            let html="";
            let{result}=res
            result.forEach((item,index,array)=>{
                html+=`
                <li DriveId=${item.shopId}>${item.shopName}</li>
                `
            })
            $(".shoplist").html(html)
        },
        error(err){
            console.log(err);
        }
    })

    $.ajax({
        url:"http://chst.vip:1234/api/getgsshoparea",
        data:{},
        success(res){
            let html="";
            let{result}=res;
            result.forEach((item,index,array)=>{
                html+=`
                <li DriveId=${item.areaId}>${item.areaName}</li>
                `
            })
            $(".arealist").html(html)
            $(".nav li ul li").click(function() {
                let DriveId=$(this).attr("DriveId");
                let text=$(this).parent().prop("class")=="arealist" ? $(this).text().substring(0,2) : $(this).text();
                console.log(DriveId);
                $(this).parent().siblings().attr("DriveId",DriveId).html(text+"<span>▲</span>").end().slideToggle(0);
                let shopid=$(".shop").attr("DriveId");
                let areaid=$(".area").attr("DriveId");
                drivepage(shopid,areaid);
            })
        },
        error(err){
            console.log(err);
        }
    })

    $(".nav p").siblings().slideUp(0)
    $(".nav p").click(function(){
        $(this).siblings().slideToggle(0).end().parent().siblings().find("p").siblings().slideUp(0);
    })

    function drivepage(shopid,areaid){
        $.ajax({
            url:"http://chst.vip:1234/api/getgsproduct",
            data:{
                shopid:shopid,
                areaid:areaid
            },
            success(res){
                let html="";
                let{result}=res
                console.log(result)
                result.forEach((item,index,array)=>{
                    html+=`
                    <li>
                        <a href="gsproduct.html">
                            <img src="${item.productImg}" alt="">
                            <p>${item.productName}</p>
                            <p>${item.productPrice}</p>
                        </a>
                    </li>
                    `
                })
                $(".content ul").html(html);
            },
            error(err){
                console.log(err);
            }
        })
    }
    drivepage(0,0)
})